<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
	<title></title>
</head>
<style type="text/css">
  #id1{
     width:90%;
     height: 500px;
     background-color:#eee;
    margin: 5% auto;
    padding: 20px;
}
  #id2{
  	width:15%;
  	height:30%;
  	background-color:white;
   margin:0 20px;

  }
  #id3{
  	width:100px;
  	height:100px;
  	background-color:#eee;
  	margin:-10px 10px;
  }
  #id4{
  	width: 65%;
  	height: 55%;
  	background-color: white;
  	margin:-150px 280px ;
  }
   #id5{
  	width:200px;
  	height:95%;
  	background-color: white;
  	margin: -290px 85%;
  }
</style>
<body>
<div id="id1">
	<div id="id2">
		<pre style="text-align:right;">
      团队名称   </pre>
      <div id="id3">
      	  <p style="text-align:center;">团队logo<br />80*80</p>
      </div>
    </div>
    <div id="id4"><br />
    	关于你们团队的介绍<br /><br />
    	可以给我们解释一下团队名称的来历，或是介绍你们的团队成员<br /><br />
    	（以下为示例)<br /><br />
         百度Web前端技术学院简称IFE，是一个由百度人力资源校园招聘组 百度EFE团队联合出品的，面向在校大学生以及对前端技术有兴趣的前端在线学习平台，我们希望能够借助百度大量优秀的前端工程师以及丰富技术的前端知识积累，帮助人们更加有趣高效系统地学习Web前端技术。<br /><br />
         2016春季版概述<br/><br />
         eb前端技术<br />
    </div>
    <div id="id5">
      <p style="text-align:center"></br>
      <img src="1.jpg" width="110px" height="110px">
      <img src="1.jpg" width="110px" height="110px">
      <img src="1.jpg" width="110px" height="102px">
      <img src="1.jpg" width="110px" height="110px">
    </p>
    </div>
</div>
</body>
</html>
